// 父类选择器标识符&
// 嵌套的原理 将父类拆出来然后和子元素之间加个空格 这个适用于后代选择器，但是当你为链接之类的元素写：hover这种伪类时，你并不希望以后代选择器的方式连接
// article a {
//     color: blue;
//     :hover { color: red }
//   }
// 编译为 article a :hover 所有子元素在被hover时都会变成红色 而正确的是
article a {
    color: blue;
    &:hover { color: red }
  }
  // 会编译为article a:hover 只有a标签悬停的时候